<template>
	<view>
		<text class="benwo">
			bwView-Ui
		</text>
		<view v-for="(a_item,a_index) in element" :key="a_index" @click="logan(a_item)" class="bw-lists">
			<view class="bw-flex-u">
				<text :style="{'padding-left': 20 +'rpx','color':'#606266'}">{{a_item.name}}</text>
				<text class="iconfont icon-right" :style="{'font-size':35 + 'rpx','padding-right': 20 +'rpx'}"></text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return{
				element:[
					{
						name:'loading 下拉加载',
						src:'../../../components/bw-loading/bw-loading'
					},{
						name:'lists 单例多例数据列表',
						src:'../../../components/bw-lists/bw-lists'
					},{
						name:'Empty 为空提示',
						src:'../../../components/bw-Empty/bw-Empty'
					},{
						name:'swipers 轮播图',
						src:'../../../components/bw-swipers/bw-swipers'
					},{
						name:'Tabs 标签页',
						src:'../../../components/bw-Tabs/bw-Tabs'
					},{
						name:'Btn 按钮',
						src:'../../../components/bw-Btn/bw-btn'
					},{
						name:'upload 上传',
						src:'../../../components/bw-upload/bw-upload'
					},{
						name:'trumpet 小喇叭',
						src:'../../../components/bw-trumpet/bw-trumpet'
					},{
						name:'screen 弹框',
						src:'../../../components/bw-screen/bw-screen'
					},{
						name:'Number 计数器',
						src:'../../../components/bw-Number/bw-Number'
					}
				]
			}
		},
		methods:{
			logan(a_item){
				uni.navigateTo({
					url: a_item.src
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	@import "../../../iconfont.scss";
	.bw-lists{
		width:100%;
		height:90rpx;
		line-height:90rpx;
		border-bottom:1px solid #f4f6f8;
		.bw-flex-u{
			display: flex;
			justify-content: space-between;
			font-size:28rpx;
		}
	}
	
	.benwo{
		color: #d0a93d;
		font-size:60rpx;
		padding:20rpx;
		display: block;
	}
</style>
